

<template>
  <dv-border-box-7  :color="['#084FA0','#06073B']" >
    <div class="container">
      <div class="title_container">
        <span  class="title"></span>
        <span style="margin-left: 10px;font-size: 22px"> 最新数据</span>
      </div>
      <div style="margin-top: 50px">
        <dv-scroll-board
            :config="tableData"
            style="width: 100%; height: 320px"
        />

      </div>
    </div>
  </dv-border-box-7>
</template>
<script >
import * as echarts from 'echarts'


let chart = null
export default {
  components:{

  },
  data(){
    return{
       tableData:{
         header: ['助餐点', '用户名' ,'下单时间','用餐方式', '就餐金额'],
         headerHeight: 30,
         // 南浔古镇食堂 七都助餐点 南浔城南食堂 桃源助餐点 相城助餐点
         data: [
           ['浔南社区食堂','张**', '11:06:55', '堂食' ,5.00],
           ['辽里食堂','张*', '11:07:58', '送餐' ,8.00],
           ['东迁食堂','王**', '11:08:25', '堂食' ,3.00],
           ['辽里食堂','李*', '11:09:15', '堂食' ,5.00],
           ['浔南社区食堂','张*', '11:09:40', '送餐' ,4.00],
           ['石淙食堂','王*', '11:10:11', '堂食' ,6.00],
           ['浔南社区食堂','王**', '11:11:03', '堂食' ,9.00],
           ['石淙食堂','李**', '11:11:15', '送餐' ,2.00],
           ['浔南社区食堂','李**', '11:12:04', '送餐' ,10.00],
           ['浔南社区食堂','王**', '11:12:15', '堂食' ,6.00],
           ['双林镇南食堂','王**', '11:12:45', '送餐' ,4.00],
           ['双林镇南食堂','李**', '11:13:15', '堂食' ,5.00],
           ['浔南社区食堂','张**', '11:13:58', '送餐' ,3.00],
           ['双林镇南食堂','李**', '11:14:20', '送餐' ,5.00],
           ['双林镇南食堂','王*', '11:14:45', '堂食' ,6.00],
           ['石淙食堂','王*', '11:15:25', '送餐' ,7.00],
           ['南浔城南食堂','李**', '11:15:55', '堂食' ,6.00],
           ['双林镇南食堂','李**', '11:16:09', '送餐' ,7.00],
           ['东迁食堂','王**', '11:16:52', '堂食' ,8.00],
           ['东迁食堂','张**', '11:17:26', '送餐' ,4.00],
           ['石淙食堂','张**', '11:17:56', '堂食' ,5.00],
           ['石淙食堂','李**', '11:19:05', '送餐' ,3.00],
           ['双林镇南食堂','王**', '11:20:15', '堂食' ,5.00],



         ],
         align: ['center','center','center','center','center'],
         columnWidth:[200,120,150,150,150],
         rowNum: 8,
         index: false,
         indexHeader: '',
         headerBGC: 'rgba(14, 30, 109, 1)',
         oddRowBGC: '',
         evenRowBGC: '',
         carousel: 'single'
       }
    }
  }
}

</script>
<style scoped lang="scss">
.dv-border-box-7{
  border-radius: 3px;
  position: relative;
  height: 380px;
  .container{
    padding: 10px;
    .title_container{
      position: absolute;
      color: #1CDBFE;
      left: 20px;
      top:20px;
      display: flex;
      align-items: center;
      .title{
        width: 15px;
        height: 28px;
        background: #1CDBFE;
        border-radius: 9px;
        display: inline-block;
      }
    }

  }
}
:deep(.dv-border-svg-container) {
  display: none;
}
:deep(.dv-scroll-board .header){
  color: rgba(0, 163, 248, 1);
}
</style>
